<style type="text/css">
	form.tab-form-demo .tab-pane {
		margin: 20px 20px;
	}

	.custom-panel {
		margin-bottom: 0px;
	}

	.modal-lg {
		width: 80%;
	}
</style>

<div class="modal-header" style="margin-left:10px">
    <h4 class="modal-title">酒店列表</h4>
</div>
<div class="modal-body">                
    <div class="container-fluid form-horizontal ">
        <div class="panel panel-default mt20">
            <div class="panel-body">
                <div class="col-sm-12">
                    <div class="row ">
                        <div class="col-sm-4">
                            <ui-select ng-model="searchform.name" theme="bootstrap" >
                                <ui-select-match placeholder="酒店名称">
                                    {{$select.selected.name}}
                                </ui-select-match>
                                <ui-select-choices repeat="item.name as item in hotelProduct | filter: $select.search">
                                    <span ng-bind-html="item.name | highlight: $select.search"></span>
                                </ui-select-choices>
                            </ui-select>
                        </div>
                        <div class="col-sm-2 pull-right">
                            <button class="btn btn-block btn-info" ng-click="getlist()">立即搜索</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
          <!-- searchArea -->
          
        <div class="panel panel-default mt20">
          <div class="panel-body">
              <table class="table table-condensed table-hover table-bordered">
                  <thead>
                      <tr>
                          <th class="col-md-6 text-center">名称</th>
                          <th class="col-md-6 text-center">操作</th>
                      </tr>
                  </thead>
                  <tbody>
                      <tr ng-repeat="obj in hotelProduct">
                          <td class="text-center">{{obj.name}}</td>
                          <td class="text-center">
                              <label class="i-checks m-b-none">
                                <input type="checkbox" ng-click="change(obj)" ng-value="obj.value" ng-model="obj.value"><i></i>
                              </label>
                          </td>
                      </tr>
                  </tbody>
              </table>
        
        
              <div class="text-right">
        
                  <pagination total-items="bigTotalItems" ng-model="bigCurrentPage" ng-change="getlist()" previous-text="上一页" next-text="下一页"
                      first-text="首页" last-text="尾页" max-size="maxSize" boundary-links="true" rotate="false" items-per-page="itemsPerPage"
                      class="m-t-none m-b">
                  </pagination>
        
              </div>
          </div>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-success" type="button" ng-click="ok(obj.id)">保存</button>
    <button class="btn btn-warning" type="button" ng-click="cancel()">取消</button>
</div>

